<template>
  <div class="not-find-container">
    <div class="not-find">
      <img src="../../assets/image/404_text.png" alt="" />
    </div>
    <el-button type="primary" @click="backToDashboard">{{
      t("Back to home")
    }}</el-button>
  </div>
</template>
<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
function backToDashboard() {
  router.push("/");
}
</script>
<style scoped lang="scss">
.not-find-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: url(../../assets/image/404_bg.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
</style>